<!DOCTYPE html>
<html lang="en">

<head>

      <meta charset="UTF-8">

      <title>alongite - 个人主页</title>

      <meta http-equiv="X-UA-Compatible" content="IE=Edge">
      <meta name="description" content="个人主页">
      <meta name="keywords" content="alongite, 个人主页, web前端">
      <meta name="author" content="alongite">
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

      <link rel="stylesheet" href="css/bootstrap.min.css">
      <link rel="stylesheet" href="css/animate.css">
      <link rel="stylesheet" href="css/magnific-popup.css">
      <link rel="stylesheet" href="css/font-awesome.min.css">

      <!-- Main css -->
      <link rel="stylesheet" href="css/style.css">
      <script>
            var isIE = navigator.userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera;
            console.log(navigator.userAgent)
            if(isIE) alert("请使用chrome");
      </script>

</head>

<body data-spy="scroll" data-target=".navbar-collapse" data-offset="50">

      <!-- PRE LOADER -->
      <div class="preloader">
            <div class="spinner">
                  <span class="spinner-rotate"></span>
            </div>
      </div>


      <!-- NAVIGATION SECTION -->
      <div class="navbar custom-navbar navbar-fixed-top" role="navigation">
            <div class="container">

                  <div class="navbar-header">
                        <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                              <span class="icon icon-bar"></span>
                              <span class="icon icon-bar"></span>
                              <span class="icon icon-bar"></span>
                        </button>
                        <!-- lOGO TEXT HERE -->
                        <a href="index.html" class="navbar-brand">alongite.</a>
                  </div>

                  <div class="collapse navbar-collapse">
                        <ul class="nav navbar-nav navbar-right">
                              <li>
                                    <a class="smoothScroll" href="#home">主页</a>
                              </li>
                              <li>
                                    <a class="smoothScroll" href="#about">关于我</a>
                              </li>
                              <li>
                                    <a class="smoothScroll" href="#work">我的作品</a>
                              </li>
                              <li>
                                    <a class="smoothScroll" href="#contact">联系我</a>
                              </li>
                        </ul>
                  </div>

            </div>
      </div>


      <!-- HOME SECTION -->
      <section id="home">

            <div class="container">
                  <div class="row">

                        <div class="col-md-offset-1 col-md-2 col-sm-3">
                              <img src="http://personal-1252253838.cosbj.myqcloud.com/photo.png" class="wow fadeInUp img-responsive img-circle" data-wow-delay="0.2s" alt="about image">
                        </div>

                        <div class="col-md-8 col-sm-8">
                              <h1 class="wow fadeInUp" data-wow-delay="0.6s">大家好，欢迎大家来到我的主页。一只WEB前端开发程序猿.</h1>
                              <a href="other/wxl_resume.pdf" class="wow fadeInUp btn btn-default section-btn" data-wow-delay="1s">下载简历</a>
                        </div>

                  </div>
            </div>
      </section>
      <!-- ABOUT SECTION -->
      <section id="about">
            <div class="container">
                  <div class="row">

                        <div class="col-md-8 col-sm-12">
                              <div class="about-thumb">
                                    <div class="wow fadeInUp section-title" data-wow-delay="0.6s">
                                          <h2>关于我</h2>
                                          <p>
                                                <strong>大四学生党 &amp; WEB前端程序猿</strong>
                                          </p>
                                    </div>
                                    <div class="wow fadeInUp" data-wow-delay="0.8s">
                                          <ul>
                                                <li>我的大学专业是农林经济管理专业。</li>
                                                <li>上大学之前，学习影视后期制作，由于个人美感和电脑配置原因，上大学后加入学校神农软件团队，学习编程。</li>
                                                <li>上大学之后，学习WEB前端开发，偏向于逻辑实现，使用过vue.js、react、mui、JQuery等。</li>
                                                <li>学习期间，了解过PHP、Linux，通读过计算机组成原理、计算机网络。</li>
                                                <li>因为经济问题，曾在学校旁边电脑店兼职维修电脑一个月。</li>
                                                <li>在沈农创行团队工作三年。</li>
                                          </ul>
                                    </div>
                                    <!-- <ul class="social-icon">
                              <li class="wow fadeInLeft" data-wow-delay="1s"><a href="#" class="fa fa-twitter"></a></li>
                              <li class="wow fadeInUp" data-wow-delay="1.2s"><a href="#" class="fa fa-linkedin"></a></li>
                              <li class="wow fadeInRight" data-wow-delay="1.4s"><a href="#" class="fa fa-dribbble"></a></li>
                         </ul> -->
                              </div>
                        </div>

                        <div class="col-md-4 col-sm-12">
                              <div class="wow fadeInUp" data-wow-delay="0.4s">
                                    <h2>照片</h2>
                              </div>

                              <div class="wow fadeInUp" data-wow-delay="0.6s">
                                    <a href="javascript:void(0);">
                                          <img src="http://personal-1252253838.cosbj.myqcloud.com/3.png" class="img-responsive" alt="image1">
                                    </a>

                                    <a href="javascript:void(0);">
                                          <img src="http://personal-1252253838.cosbj.myqcloud.com/2.png" class="img-responsive" alt="image2">
                                    </a>

                                    <a href="javascript:void(0);">
                                          <img src="http://personal-1252253838.cosbj.myqcloud.com/11.png" class="img-responsive" alt="image3">
                                    </a>

                                    <a href="javascript:void(0);">
                                          <img src="http://personal-1252253838.cosbj.myqcloud.com/4.png" class="img-responsive" alt="image4">
                                    </a>

                                    <a href="javascript:void(0);">
                                          <img src="http://personal-1252253838.cosbj.myqcloud.com/5.png" class="img-responsive" alt="image5">
                                    </a>
                              </div>
                        </div>

                  </div>
            </div>
      </section>


      <!-- SKILL SECTION -->
      <section id="skill">
            <div class="container">
                  <div class="row">

                        <div class="col-md-4 col-sm-6">
                              <div class="wow fadeInUp section-title" data-wow-delay="0.2s">
                                    <h2>奖项及技能</h2>
                                    <ol>
                                          <li>英语四级/六级 &amp; 计算机二级</li>
                                          <li>2015年辽宁省移动应用开发大赛省二等奖</li>
                                          <li>2016年东北三省数学建模联赛二等奖</li>
                                          <li>2016年“创青春”辽宁省大学生创业大赛铜奖</li>
                                          <li>2017年中国大学生计算机设计大赛二等奖</li>
                                          <li>……</li>
                                    </ol>
                              </div>
                        </div>

                        <div class="col-md-offset-1 col-md-6 col-sm-6">
                              <div class="skill-thumb">

                                    <div class="wow fadeInUp" data-wow-delay="1s">
                                          <strong>vuejs、react等MVVM框架</strong>
                                          <span class="pull-right">23%</span>
                                          <div class="progress">
                                                <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"
                                                      style="width: 23%;"></div>
                                          </div>
                                    </div>

                                    <div class="wow fadeInUp" data-wow-delay="1.4s">
                                          <strong>JavaScript</strong>
                                          <span class="pull-right">65%</span>
                                          <div class="progress">
                                                <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"
                                                      style="width: 65%;"></div>
                                          </div>
                                    </div>

                                    <div class="wow fadeInUp" data-wow-delay="1.2s">
                                          <strong>HTML &amp; CSS</strong>
                                          <span class="pull-right">50%</span>
                                          <div class="progress">
                                                <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"
                                                      style="width: 50%;"></div>
                                          </div>
                                    </div>
                              </div>
                        </div>

                  </div>
            </div>
      </section>


      <!-- WORK SECTION -->
      <section id="work">
            <div class="container">
                  <div class="row">

                        <div class="col-md-12 col-sm-12">
                              <div class="wow fadeInUp section-title" data-wow-delay="0.2s">
                                    <h2>我的作品</h2>
                                    <p>大学期间一些作品，其中有些作品前端页面是神农软件团队成员一起完成。后端部分均有团队伙伴完成。</p>
                              </div>
                        </div>

                        <div class="wow fadeInUp col-md-3 col-sm-6" data-wow-delay="0.4s">
                              <!-- WORK THUMB -->
                              <div class="work-thumb">
                                    <a href="https://gitee.com/alongite/agriApp" class="image-popup">
                                          <img src="http://personal-1252253838.cosbj.myqcloud.com/%E5%86%9C%E6%8A%80%E9%80%9A.png" class="img-responsive" alt="农技通">
                                    </a>
                              </div>
                              <h4>农技通</h4>
                        </div>

                        <div class="wow fadeInUp col-md-3 col-sm-6" data-wow-delay="0.6s">
                              <!-- WORK THUMB -->
                              <div class="work-thumb">
                                    <a href="https://gitee.com/alongite/syauapp" class="image-popup">
                                          <img src="http://personal-1252253838.cosbj.myqcloud.com/%E7%A7%BB%E5%8A%A8%E6%A0%A1%E5%9B%AD.png" class="img-responsive" alt="移动校园">
                                    </a>
                              </div>
                              <h4>移动校园</h4>
                        </div>

                        <div class="wow fadeInUp col-md-3 col-sm-6" data-wow-delay="0.8s">
                              <!-- WORK THUMB -->
                              <div class="work-thumb">
                                    <a href="javascript:void(0);" class="image-popup">
                                          <img src="http://personal-1252253838.cosbj.myqcloud.com/%E5%AE%9E%E9%AA%8C%E5%AE%A4%E7%89%A9%E5%93%81%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9Fmin.png" class="img-responsive" alt="物料管理系统">
                                    </a>
                              </div>
                              <h4>物品管理系统(团队、使用中)</h4>
                        </div>

                        <div class="wow fadeInUp col-md-3 col-sm-6" data-wow-delay="0.8s">
                              <!-- WORK THUMB -->
                              <div class="work-thumb">
                                    <a href="javascript:void(0);" class="image-popup">
                                          <img src="http://personal-1252253838.cosbj.myqcloud.com/%E4%BC%81%E4%B8%9A%E6%8B%9B%E8%81%98%E4%BF%A1%E6%81%AF%E7%B3%BB%E7%BB%9Fmin.png" class="img-responsive" alt="Work">
                                    </a>
                              </div>
                              <h4>企业招聘信息系统(团队)</h4>
                        </div>

                  </div>
            </div>
      </section>


      <!-- CONTACT SECTION -->
      <section id="contact">
            <div class="container">
                  <div class="row">

                        <div class="col-md-12 col-sm-12">
                              <div class="wow fadeInUp section-title" data-wow-delay="0.2s">
                                    <h2>联系我</h2>
                                    <p>码云：<a href="https://gitee.com/alongite">https://gitee.com/alongite</a></p>
                                    <p>邮箱：wxlxinglong@qq.com</p>
                                    <p>邮件请注明 “来自码云个人主页”</p>
                                    <p>谢谢</p>
                              </div>
                        </div>

                        <div class="col-md-12 col-sm-12">
                              <!-- CONTACT FORM HERE -->
                              <!-- <div class="wow fadeInUp" data-wow-delay="0.6s">
                                    <form id="contact-form">
                                          <div class="col-md-4 col-sm-4">
                                                <input type="text" class="form-control" name="name" placeholder="Name">
                                          </div>
                                          <div class="col-md-4 col-sm-4">
                                                <input type="email" class="form-control" name="email" placeholder="Email">
                                          </div>
                                          <div class="col-md-4 col-sm-4">
                                                <input type="text" class="form-control" name="name" placeholder="Subject">
                                          </div>
                                          <div class="col-md-12 col-sm-12">
                                                <textarea class="form-control" rows="5" name="message" placeholder="Message"></textarea>
                                          </div>
                                          <div class="col-md-offset-9 col-md-3 col-sm-offset-3 col-sm-6">
                                                <button id="submit" type="submit" class="form-control" name="submit">Send Message</button>
                                          </div>
                                    </form>
                              </div> -->
                             alongite - 个人主页
                        </div>

                  </div>
            </div>
      </section>


      <!-- SCRIPTS -->
      <script src="js/jquery.js"></script>
      <script src="js/bootstrap.min.js"></script>
      <script src="js/smoothscroll.js"></script>
      <script src="js/jquery.magnific-popup.min.js"></script>
      <script src="js/magnific-popup-options.js"></script>
      <script src="js/wow.min.js"></script>
      <script src="js/custom.js"></script>

</body>

</html>